/* modules/goodModules/pages/commentList/components/comment.wxss */
// .mian{
//   min-height: 100vh;
// }
textarea{
  width: 90%;
}
.comment{
  padding: 25rpx 0rpx 15rpx 10rpx;
  font-size: 22rpx;
  border-top: rgba(126, 125, 125,0.1) 0.5rpx solid;

  .user-info{
    display: flex;
    justify-items: center;
    align-content: center;
    .uname{
      padding-top: 15rpx;
      padding-left: 15rpx;
    }
  }
  .content{
    padding-top: 10rpx;
    padding-left: 50rpx;
    font-size: 26rpx;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding-right: 20rpx;
  }
  .sub-main{
    border-radius: 10rpx;
    background-color: rgba(197, 194, 194, 0.15);
    margin-left: 4%;
    width: 92%;
    margin-top: 20rpx;
    .get-all{
      padding: 8rpx 10rpx ;
      color: rgb(26, 26, 131);
      position: relative;
      top: 0rpx;
      left: 0rpx;
      height: 30rpx;
    }
  }
  .sub-comments{
    min-height: 50rpx;
    overflow: hidden;
    max-height: 100rpx;
    .sub-comment{
      padding: 10rpx;
      .sub-content{
        overflow:auto;
        font-size: 26rpx;
      }
    }


  }
  .to-pub{
    display: flex;
    align-items: center;
    padding-top: 15rpx;
    padding-right: 10rpx;
    justify-content: center;
    .pub-item{
      flex: 1;
      width: 150rpx;
      padding-left: 60rpx;
    }
    image{
      width: 40rpx;
      height: 30rpx;
    }
    .comment-img{
      padding-right: 5rpx;;
    }
    .tip{
      position: relative;
      top: 0rpx;
      left: 250rpx;
    }
  }
}
.action{
  .content{
    min-height: 560rpx;
    .stars{
      padding:5rpx 30rpx;
      text{
        margin-right: 30rpx;
 
      }
    }
    .text{
      textarea{
        padding-left: 30rpx;
        min-height: 360rpx;
      }
    }
    .btns{
      float: right;
      padding-right: 30rpx;
    }
  }
  .origin-content{
    word-wrap:break-word;
    white-space: pre-wrap;
    padding-right: 20rpx;
    .user-info{
      display: flex;
      justify-items: center;
      align-content: center;
      font-size: 24rpx;

      .uname{
        padding-left: 20rpx;
      }

    }
  }
  .about-reply{
    color: gray;
    padding: 20rpx 0rpx 20rpx 10rpx;
  }
  .origin-comment-content{
    padding: 10rpx;
    // margin-top: 10rpx;
    margin-left: 80rpx;
    font-size: 26rpx;
}
  .action-content{
    height: 80vh;
    .sub-content{
      padding: 20rpx 0rpx 10rpx 10rpx;

      .info{
        margin-left: 15rpx;
        margin-bottom: 10rpx;
        display: flex;
        align-items: center;
        .uname{
          font-size: 24rpx;
          padding-left: 20rpx;;
        }
      }
      .reply-content{
        font-size: 26rpx;
        margin: 20rpx 0rpx 20rpx 100rpx;
        padding-right: 20rpx;
        // overflow: auto;
        word-wrap:break-word;
        white-space: pre-wrap;
      }
    }
  }
}
.error{
  font-size: 12rpx;
}

